/*
 * @Author: xiaosihan 
 * @Date: 2023-12-14 16:05:03 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-10-30 21:16:49
 */


.institutionalRiskIndex {
    position: absolute;
    width: 1550px;
    height: 250px;
    left: 40px;
    top: 60px;
    padding: 10px;
    border-radius: 10px;
    background-color: #041846cc;
    box-shadow: 0 0 20px #1BA0DB;

    overflow-y: auto;

    &::-webkit-scrollbar {
        width: 1px;
        height: 1px;
        background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
        border-radius: 10px;
        background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #1890ff;
    }

    .autoScroll {
        width: 100%;
        height: 300px;
    }

    .head {
        width: 100%;
        height: 40px;
        background-image: url(./cellBg.png);

        .name {
            color: #ffffff;
            display: inline-block;
            width: 40%;
            height: 40px;
            font-size: 25px;
            line-height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: top;
            padding: 0px 20px 0px 10px;
            text-align: center;
            font-weight: bold;
            white-space: pre;
            box-sizing: border-box;
        }

        .value1 {
            display: inline-block;
            color: #ffffff;
            width: 40%;
            font-size: 25px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            box-sizing: border-box;
        }

        .value2 {
            display: inline-block;
            color: #ffffff;
            width: 20%;
            font-size: 25px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            box-sizing: border-box;
        }
    }

    .listItem {
        width: 100%;
        height: 60px;
        cursor: pointer;
        background-image: url(./cellBg.png);
        background-size: 100% 100%;

        &.active,
        &:hover {
            background-image: url(./ActiveCellBg.png);
        }

        .name {
            color: #ffffff;
            display: inline-block;
            width: 40%;
            height: 60px;
            font-size: 25px;
            line-height: 60px;
            padding: 0px 20px 0px 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            vertical-align: middle;
            box-sizing: border-box;
        }

        .value1 {
            display: inline-block;
            color: #ffffff;
            width: 40%;
            font-size: 25px;
            height: 60px;
            line-height: 60px;
            padding: 0px 10px;
            text-align: center;
            box-sizing: border-box;
        }

        .value2 {
            display: inline-block;
            color: #ffffff;
            width: 20%;
            font-size: 25px;
            height: 60px;
            line-height: 60px;
            padding: 0px 10px;
            text-align: center;
            box-sizing: border-box;
        }

    }
}